<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Internet Dreams</title>
        <link rel="stylesheet" href="<?= base_url(); ?>css/admin_css/screen.css" type="text/css" media="screen" title="default" />
        <link rel="stylesheet" href="<? echo base_url(); ?>css/jquery.ui.all.css" type="text/css"/>
        <script src="<? echo base_url(); ?>js/jquery-1.7.2.js"></script>
        <script src="<? echo base_url(); ?>js/jquery-ui-1.8.17.custom.js"></script>
        <script src="<? echo base_url(); ?>js/jquery.ui.datepicker-vi.js"></script>
        <script src="<? echo base_url(); ?>js/jquery.ui.datepicker.js"></script>
        <!-- tinyMCE -->
        <script src="<?= base_url(); ?>js/tiny_mce/tiny_mce.js" type="text/javascript"></script>
        <script type="text/javascript">
            var valid_elms = "hr[class|width|size|noshade]";
            valid_elms    += "span[class|align|style]";
            valid_elms    += "font[face|size|color|style]";
            valid_elms    += "img[href|src|name|title|onclick|align|alt|title|";
            valid_elms    += "width|height|vspace|hspace]";
            valid_elms    += "iframe[id|class|width|size|noshade|src|height|";
            valid_elms    += "frameborder|border|marginwidth|marginheight|";
            valid_elms    += "target|scrolling|allowtransparency],style";
            tinyMCE.init({
                document_base_url : '<?= base_url()?>',
                relative_urls : false,
                remove_script_host : false,
                convert_urls : false,
                // General options
                mode : "textareas",
                theme : "advanced",
                plugins : "imagemanager,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

                // Theme options
                theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect",
                theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
                theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
                theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                theme_advanced_resizing : true,

                // Example content CSS (should be your site CSS)
                // using false to ensure that the default browser settings are used for best Accessibility
                // ACCESSIBILITY SETTINGS
                content_css : false,
                // Use browser preferred colors for dialogs.
                browser_preferred_colors : true,
                detect_highcontrast : true,
                
                // Drop lists for link/image/media/template dialogs
                template_external_list_url : "lists/template_list.js",
                external_link_list_url : "lists/link_list.js",
                external_image_list_url : "lists/image_list.js",
                media_external_list_url : "lists/media_list.js",
                //other option
                valid_element: valid_elms,
                // Style formats
                //                style_formats : [
                //                    {title : 'Bold text', inline : 'b'},
                //                    {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
                //                    {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
                //                    {title : 'Example 1', inline : 'span', classes : 'example1'},
                //                    {title : 'Example 2', inline : 'span', classes : 'example2'},
                //                    {title : 'Table styles'},
                //                    {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
                //                ],

                // Replace values for the template plugin
                template_replace_values : {
                    username : "Some User",
                    staffid : "991234"
                }
               
            });
        </script>
    </head>
    <body> 
        <!-- Start: page-top-outer -->
        <div id="page-top-outer">    

            <!-- Start: page-top -->
            <!-- header_search_view -->
            <!-- End: page-top -->

        </div>
        <!-- End: page-top-outer -->

        <div class="clear">&nbsp;</div>

        <!--  start nav-outer-repeat................................................................................................. START -->
        <div class="nav-outer-repeat"> 
            <!--  start nav-outer -->
            <!-- header_account -->
            <?= $header_admin; ?>
            <div class="clear"></div>
            <!--  start nav-outer -->
        </div>
        <!--  start nav-outer-repeat................................................... END -->

        <div class="clear"></div>

        <!-- start content-outer -->
        <div id="content-outer">
            <!-- start content -->
            <!-- content -->
            <?= $content ?>
            <!--  end content -->
            <div class="clear">&nbsp;</div>
        </div>
        <!--  end content-outer -->



        <div class="clear">&nbsp;</div>

        <!-- start footer -->         
        <?= $footer; ?>
        <!-- end footer -->

    </body>
</html>